<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="scripts/jquery-3.0.0.min.js"></script>
	<script type="text/javascript" src="scripts/index.js"></script>
	<link rel="stylesheet" href="styles/main.css">
	<style>
		.trigger{
			overflow: hidden;
		}
		body{
			margin:0;
			padding:0;
		}
	</style>
</head>
<body>
	<div class="trigger">
		<div class="trigger-box"></div>
		<input type="text" name="" class="trigger" readonly style="cursor: pointer;">
	</div>
	<div class="channelSelect-ctx" style="display: none;">
		<div class="channelSelect-title"><span>X</span></div>
		<div class="channelSelect-cont">
			<div class="channelSelect-search">
				<input type="text">
				<button type="button">搜索</button>			
			</div>
			<div class="channelSelect-dataBox">
				<div class="channelSelect-left">
					<div class="channelSelect-thead">
						<div class="channelNumber">通道号</div>
						<div class="channelName">通道名称</div>
						<div class="channelMark">备注</div>
						<div class="channelOpera">操作</div>
					</div>
					<div class="channelSelect-tbody">
						<table>
							<tbody>
								<tr>
									<td class="channelNumber">asd</td>
									<td class="channelName">asd</td>
									<td class="channelMark">asd</td>
									<td class="channelOpera"><a href="javascript:;" class="channelSelect-choose">选择</a></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="channelSelect-clear">清除选择</div>
				<div class="channelSelect-right">
					<div class="channelSelect-thead">
						<div class="channelNumber">通道号</div>
						<div class="channelName">通道名称</div>
						<div class="channelMark">备注</div>
						<div class="channelOpera">操作</div>
					</div>
					<div class="channelSelect-tbody">
						<table>
							<tbody>
								<tr>
									<td class="channelNumber">asd</td>
									<td class="channelName">asd</td>
									<td class="channelMark">asd</td>
									<td class="channelOpera"><a href="javascript:;" class="channelSelect-cancle">取消</a></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="channelSelect-btnGroup">
				<button class="channelSelect-confirm">确定</button>
				<button class="channelSelect-close">取消</button>
			</div>
		</div>
	</div>
</body>
</html>